body{margin: 0;padding: 0;}
li{list-style: none;}
a{    text-decoration: none;}
.w_1160 {width:1200px;margin:0px auto;}
.grid-box {zoom:1;}
.grid-box:before {/* content:'';*/display:block;}
.grid-box:after {content:'';display:table;clear:both;}
.grid-box-last .grid-item img {display:block;}
.grid-item {float:left;width:290px;height:320px;margin:4px;text-align:center;font-size:14px;background:#fff;border:1px solid #eee;}
.grid-item .pd {padding:0 14px;}
.grid-item:hover {box-shadow:7px 7px 10px #ccc;}
.grid-item .title {font-size:20px;margin-top:30px;color:#333;}
.grid-item .des {height:38px;line-height:38px;margin:20px 0;color:#333;position:absolute;margin-top:-63px;background-color:#ccc;opacity:0.7;width:240px;margin-left:8px;}
.grid-item .price {margin-bottom:20px;color:#ff8261;font-size:18px;}
.grid-item .price span {margin-right:5px;}
.grid-item .price img {width:240px;}
.btn-info {display:inline-block;display:block;padding:4px 22px;color:#fff;font-size:14px;line-height:32px;text-align:center;background:#858687;cursor:pointer;margin-top:-10px;}
.btn-info:hover {background:#1199f3;color:#fff!important;}
.content {background-color:#F3F4F6;}

.ytlfw{margin-top: 40px;}
.ytlfw .cloudbox {width:100%;height:550px;   font-size: 12px}
.cloudbox {width:100%;height:550px;margin-top:40px}
.cloud {float:left;width:257px;height:481px;overflow:hidden;border:1px solid #ccc;transition:all .3s cubic-bezier(0.4,0,0.2,1),z-index 0s .15s;margin-left:-1px;position:relative}
.cloud .cloudt1 {text-align:center;height:101px;background-color:#f2f2f2;transition:all .3s cubic-bezier(0.4,0,0.2,1),z-index 0s .12s}
.cloud .cloudt1 .tub {display:inline-block;width:44px;height:30px;margin:10px 0 2px 0}
.cloud .cloudt1 h3 {font-size:16px;font-weight:bold;}
.cloud .cloudt1 h4 {font-size:12px;color:#999}
.cloud.active {width:416px;height:534px;border:1px solid rgb(5, 134, 255);margin-top:-26px;box-shadow:0 0 5px rgba(34,119,218,0.5);z-index:10}
.cloud.active .cloudt1 {height:115px;background-color:rgb(5, 134, 255);color:#fff}
.cloud.active .cloudt1 h4 {color:#fff}
.cloud.active .cloudt1 .tub {margin-top:19px}
.cloud .cloudt1.a .tub {background:url("../img/yunbag.png") no-repeat -2px -161px}
.cloud.active .cloudt1.a .tub {background:url("../img/yunbag.png") no-repeat -53px -161px}
.cloud .cloudt1.b .tub {background:url("../img/yunbag.png") no-repeat -2px -60px}
.cloud.active .cloudt1.b .tub {background:url("../img/yunbag.png") no-repeat -53px -60px}
.cloud .cloudt1.c .tub {background:url("../img/yunbag.png") no-repeat -2px -10px}
.cloud.active .cloudt1.c .tub {background:url("../img/yunbag.png") no-repeat -53px -10px}
.cloud .cloudt1.d .tub {background:url("../img/yunbag.png") no-repeat -2px -110.5px}
.cloud.active .cloudt1.d .tub {background:url("../img/yunbag.png") no-repeat -53px -110.5px}
.cloud .cloudt2 {margin-left:30px;position:absolute;transition:all .12s cubic-bezier(0.4,0,0.2,1) .18s}
.cloud .cloudt2 .tit1 {font-size:14px;line-height:28px;margin-top:20px}
.cloud .cloudt2 .tit2 {color:#999}
.cloud.active .cloudt2 {opacity:0;filter:alpha(opacity=0)}
.cloud.active .cloudt3 {opacity:1;filter:alpha(opacity=100)}
.cloud .cloudt3 {opacity:0;filter:alpha(opacity=0);position:absolute;left:20px;transition:all .12s cubic-bezier(0.4,0,0.2,1) .18s}
.cloud .cloudt3 h5 {font-size:14px;line-height:28px;margin-top:20px}
.cloud .cloudt3 p {color:#999;line-height:26px}
.cloud .cloudt3 p span {color:#ff7b00;font-size:20px}
.cloud .cloudt3 .cld1 {float:left;width:276px}
.cloud .cloudt3 a.rt {margin:40px 20px 0 0}
.btn {display:inline-block;height:32px;line-height:32px;padding:0 16px;font-size:14px;color:rgb(5, 134, 255);border:1px solid rgb(5, 134, 255);border-radius:3px}
.btn:hover {background-color:rgb(5, 134, 255);color:#fff}
.cloud .cloudt3 .cer {transition:all .12s cubic-bezier(0.4,0,0.2,1) .18s;}
.cloud .cloudt3 .cer ul {float:left;width:39%;margin-top:35px}
.cloud .cloudt3 .cer ul .tlt1 {font-size:14px;line-height:28px}
.cloud .cloudt3 .cer ul .tlt2 {color:#999}
.cloud .cloudt3 .cer ul a {color:rgb(5, 134, 255);    line-height: 30px;}
.cloud .cloudt3 .cer ul a:hover {text-decoration:underline}
.cloud .cloudt3 .cer ul:hover .tlt1 {color:rgb(5, 134, 255)}

.wsmxzmx .wsm_fl{column-count: 6;
    position: absolute;
    margin: 12% 0 0 14%;
    text-align: center;opacity: 0;}
	.wsmxzmx .wsm_fl div{height: 200px;cursor: pointer;}

.select-wrap {width:100%;background:url(../img/select_bg.png) no-repeat center top;background-size: 100% 450px;background-color: #fff;    height: 50rem;}
.tab li {
    float: left;
}
.fl {
    float: left;
}
.select-title {font-size:32px;color:#fff;padding:8rem 0 1rem;}
.select-subtitle {font-size:20px;color:#bababa;padding-bottom:5rem;}
.select-tab .tab ul {border-bottom:2px solid #1199F3;margin-bottom:4rem;}
.select-tab .tab>ul li {width: 12.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    margin-top: -47px;
   cursor: pointer;}
.select-tab .tab>ul li.curr {background:#1199F3;color:#fff;}
#con_b_6 p {font-size:20px;color:#fff;}
#con_b_6 p.p1 {padding:1rem 0 6rem;}
#con_b_6 .select-tab1 .img-wrap {width:384px;height:10rem;overflow:hidden;}
#con_b_6 .select-tab1 img {transform:scale(1.0);-ms-transform:scale(1.0);/* IE 9 */-moz-transform:scale(1.0);/* Firefox */-webkit-transform:scale(1.0);/* Safari 和 Chrome */-o-transform:scale(1.0);/* Opera */transition:all linear 100ms;-o-transition:all linear 100ms;/*兼容parsto内核*/-moz-transition:all linear 100ms;/*兼容gecko内核*/-webkit-transition:all linear 100ms;/*兼容webkit内核*/}
#con_b_6 .select-tab1 img:hover {transform:scale(1.1);-ms-transform:scale(1.1);/* IE 9 */-moz-transform:scale(1.1);/* Firefox */-webkit-transform:scale(1.1);/* Safari 和 Chrome */-o-transform:scale(1.1);/* Opera */transition:all linear 100ms;-o-transition:all linear 100ms;/*兼容parsto内核*/-moz-transition:all linear 100ms;/*兼容gecko内核*/-webkit-transition:all linear 100ms;/*兼容webkit内核*/}
.select-tab1 li {width:24rem;background:#fff;padding-bottom:2rem;box-shadow:0 0 20px rgba(94,93,122,0.11);}
.select-tab1 li.list2 {margin:0 1.5rem;}
.select-tab1 li img {display:block;    width: 24rem;
    height: 10rem;}
.select-tab1 li div {color:#666;font-size:18px;}
.select-tab1 li div.dv {padding:2rem 0 1rem;color:#666;font-size:20px;}
.select-tab2 {position:relative;}
.select-tab2 .list-left img {display:block;height:25rem;position:absolute;top:0;}
.select-tab2 .list-right {margin-left:30rem;}
.select-tab2 .list-right .des {width:33rem;font-size:18px;color:#fff;line-height:2rem;text-align:justify;}
.select-tab2 .list-right .lists .box {height: 3rem;
    line-height: 2rem;
    position: relative;
    padding-left: 3rem;
    margin-right: 4rem;
    margin-bottom: 1rem;
    width: 6rem;}
.select-tab2 .list-right .lists span {display:inline-block;width:3rem;height:3rem;background:url(../img/select_04.png) no-repeat;position:absolute;left:0;top:0;}
.select-tab2 .list-right .items div {width:5rem;margin-top:3rem;}
.select-tab2 .list-right .items div.item2 {margin-left:4.3rem;margin-right:4.3rem;}
.select-tab2 .list-right .items div.item4 {margin-left:4.3rem;}
.select-tab2 .list-right .items div img {display:block;width:3rem;height:3rem;margin:0 auto;}
.select-tab2 .list-right .items div p {font-size:16px;color:#666;text-align:center;padding-top:2rem;}
.select-tab3 .list-left img {    height: 32rem;

    margin-top: -2rem;
}}
.select-tab3 .list-right .des {width:32rem;font-size:16px;color:#fff;line-height:1.8rem;text-align:justify;padding:1rem 0 5rem;}
.des2 {font-size:16px;color:#fff;line-height:1.8rem;text-align:center;}
.select-tab3 .list-right .lists {width:32rem;margin-left: 3rem;}
.select-tab3 .list-right .lists  img {    display: block;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    margin-top: 1rem;
	
	}
.select-tab3 .list-right .lists p {font-size:16px;color:#666;}
.select-tab3 .list-right .lists p.p1 {font-size:18px;color:#1199F3;    margin-top: 1rem;}
.select-tab4 li {width:15rem;margin:0 2rem;}
.select-tab4 li.last {margin-right:0;}
.select-tab4 li img {display:block;width:6rem;height:6rem;margin:0 auto;}
.select-tab4 li p {    font-size: 15px;
    color: #666;
    text-align: center;
    font-weight: bold;
   }
.select-tab4 li p.title {font-size: 18px;
    color: #1199F3;
    padding-top: 5rem;
    font-weight: bold;
    margin: 1rem 0;}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    clear: both;
    height: 0;
}
#con_b_4 .title-wrap {margin-bottom:4rem;}
#con_b_4 .title {font-size: 20px;
    color: #fff;
    margin: -6px 1rem;}
#con_b_4 .title span {padding-right:1rem;}
#con_b_4 .title-line {width:3rem;height:1px;background:#e2e2e2;margin-top:0.5rem;}
#con_b_4 .title-left {margin-left:21rem;}
.select-tab5 li {width:18rem;height:18rem;position:relative;overflow:hidden;}
.select-tab5 li img {border-radius: 50%;
    height: 17rem;
    width: 17rem;}
.select-tab5 li img:hover {transform:scale(1.1);-ms-transform:scale(1.1);/* IE 9 */-moz-transform:scale(1.1);/* Firefox */-webkit-transform:scale(1.1);/* Safari 和 Chrome */-o-transform:scale(1.1);/* Opera */transition:all linear 100ms;-o-transition:all linear 100ms;/*兼容parsto内核*/-moz-transition:all linear 100ms;/*兼容gecko内核*/-webkit-transition:all linear 100ms;/*兼容webkit内核*/}
.select-tab5 li.list1 {/* background:url(../images/select_18.png) no-repeat center center;*/}
.select-tab5 li.list2 {/* background:url(../images/select_19.png) no-repeat center center;*/}
.select-tab5 li.list3 {/* background:url(../images/select_20.png) no-repeat center center;*/}
.select-tab5 li.list4 {/* background:url(../images/select_21.png) no-repeat center center;*/margin-right:0;}
.select-tab5 li .inner-text {position:absolute;left:60px;top:0;}
.select-tab5 li p {font-size:18px;color:#fff;}
.select-tab5 li p.tit {font-size:18px;padding:4rem 0 1rem;text-align: center;}
#con_b_5 .des {font-size:20px;color:#fff;padding-bottom:4rem;text-align:center;}
.select-tab6 li p {border:1px solid #e9e9e9;box-sizing:border-box;height:76px;}
.select-tab6 .img-wrap img {transform:scale(1.0);-ms-transform:scale(1.0);/* IE 9 */-moz-transform:scale(1.0);/* Firefox */-webkit-transform:scale(1.0);/* Safari 和 Chrome */-o-transform:scale(1.0);/* Opera */transition:all linear 100ms;-o-transition:all linear 100ms;/*兼容parsto内核*/-moz-transition:all linear 100ms;/*兼容gecko内核*/-webkit-transition:all linear 100ms;/*兼容webkit内核*/}
.select-tab6 .img-wrap img:hover {transform:scale(1.1);-ms-transform:scale(1.1);/* IE 9 */-moz-transform:scale(1.1);/* Firefox */-webkit-transform:scale(1.1);/* Safari 和 Chrome */-o-transform:scale(1.1);/* Opera */transition:all linear 100ms;-o-transition:all linear 100ms;/*兼容parsto内核*/-moz-transition:all linear 100ms;/*兼容gecko内核*/-webkit-transition:all linear 100ms;/*兼容webkit内核*/}
.select-tab6 li.list2 {margin:0 1.5rem;}
.select-tab6 li img {display:block;width:17;height:16rem;}
.select-tab6 li p {font-size: 20px;
    color: #666;
    text-align: center;
    margin-top: 0rem;
    padding-top: 1.5rem;}

.sljz .content{background-color: #FFFFFF;}
.sljz .strength-wrapper {padding-top:16px;}
.sljz .tab-list {float:left;background-color:#fff;    margin: 0;
    padding: 0;}
.sljz .tab-list li {text-align:center;width:250px;    padding: 15px;border:1px solid #eeeeee;}
.sljz .tab-list li:nth-child(1) {border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;} 
.sljz .tab-list li:nth-child(1) {border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.sljz .tab-list li:nth-child(1):hover,.strength .tab-list li:nth-child(1).on {background-color:#1299F3;}
.sljz .tab-list li:nth-child(1):hover .icon,.strength .tab-list li:nth-child(1).on .icon {background-position:-224px 0;}
.sljz .tab-list li:nth-child(2) .icon {background-position:-56px 0;}
.sljz .tab-list li:nth-child(2):hover,.strength .tab-list li:nth-child(2).on {background-color:#1299F3;border:0;}
.sljz .tab-list li:nth-child(2):hover .icon,.strength .tab-list li:nth-child(2).on .icon {background-position:-280px 0;}
.sljz .tab-list li:nth-child(3) .icon {background-position:-112px 0;}
.sljz .tab-list li:nth-child(3):hover,.strength .tab-list li:nth-child(3).on {background-color:#1299F3;border:0;}
.sljz .tab-list li:nth-child(3):hover .icon,.strength .tab-list li:nth-child(3).on .icon {background-position:-336px 0;}


.sljz .on {background-color:#1299F3;border:none;color: #fff;}
.sljz .tab-list li .icon {margin:0 auto;width:56px;height:56px;background-image:url(../img/shili_left_icon.png);}
.sljz .tab-list li span {font-size:24px;display:inline-block;margin:15px 0 12px;}
.sljz .tab-list li i {margin:0 auto;display:block;width:20px;height:20px;background-image:url(../img/shili_jiantou.png);}
.sljz .content-box {float: left;
    background-color: #fff;
   width: 965px;
    height: 500px;
    margin-left: 20px;
    box-shadow: 0px 0px 16px 0px rgb(152 170 184 / 20%);
    padding-left: 30px;
}
.sljz .content-box .content:not(:first-child) {display:none;}
.sljz .content-box h5 {color:#333;font-size:24px;font-weight:bold;margin: 20px 0;}
.sljz .content-box .divider {    width: 48px;
    height: 5px;background:#1299F3;margin:10px 0;}
.sljz .content-box p {color: #888888;
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
    height: 115px;}
.sljz .content-box ul {margin-top:20px;}
.sljz .content-box ul li {float:left;margin-right:12px;}
.sljz .content-box ul li:last-child {margin-right:0;}
.sljz .content-box ul li .img-box {position:relative;overflow:hidden;}
.sljz .content-box ul li .img-box img {transition:all linear 0.2s;}
.sljz .content-box ul li .img-box:hover img {transform:scale(1.1);}
.sljz .content-box ul li .img-box h6 {position: absolute;
    bottom: -18px;
    width: 267px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    font-size: 14px;
    color: #fff;
    margin-left: 15px;}

.sljz .content-box ul li .khtl h6 {
   bottom: 4px!important;
   width: 300px!important;
   margin-left: 0!important;
}

